﻿<%@ Page Language="C#" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>树管理</title>
    <link href="/Themes/css/treeIcons.css" rel="stylesheet" />
    <script type="text/javascript" src="/Themes/Js/init.js"></script>   
</head>
<body class="easyui-layout">
    <div data-options="region:'west',split:true" title="" style="width: 250px; padding: 10px; padding-left: 16px; border-bottom: 0px; border-left: 0px; border-top: 0px;">
        <div id="menu" class="easyui-menu" style="width: 100px;">
            <div onclick="$.fn.EasyUiTree.Add(options)" iconcls="icon-tree_add">添加</div>
            <div onclick="$.fn.EasyUiTree.Remove(options)" iconcls="icon-tree_remove">删除</div>
            <div onclick="$.fn.EasyUiTree.Refresh(options)" iconcls="icon-tree_refresh">刷新</div>
            <div class="menu-sep"></div>
            <div onclick="$.fn.EasyUiTree.Up(options)" iconcls="icon-tree_up">上移</div>
            <div onclick="$.fn.EasyUiTree.Down(options)" iconcls="icon-tree_down">下移</div>
            <%--<div>
                <span>展开节点</span>
                <div style="width: 150px;">
                    <div onclick="$.fn.EasyUiTree.ExpandLevel('1');">一级</div>
                    <div onclick="$.fn.EasyUiTree.ExpandLevel('2');">二级</div>
                    <div onclick="$.fn.EasyUiTree.ExpandLevel('3');">三级</div>
                    <div onclick="$.fn.EasyUiTree.ExpandLevel('4');">四级</div>
                    <div onclick="$.fn.EasyUiTree.ExpandLevel('5');">五级</div>
                </div>
            </div>--%>
        </div>
        <div style="border-bottom: 1px solid #DDDDDD; color: forestgreen; line-height: 22px; margin-bottom: 6px;">双击编辑,单击浏览文档</div>
        <ul class="easyui-tree" id="tree"></ul>
    </div>
    <div data-options="region:'center'" style="overflow: hidden; border-bottom: 0px; border-right: 0px; border-top: 0px;">
        <iframe scrolling="auto" frameborder="0" id="iframeRight" style="width: 100%; height: 100%;"></iframe>
    </div>
    <script type='text/javascript'>
        var options;
        $(function () {
            options = {
                url: '/system/APIDocuments/json.ashx',
                tn: 'System_Api',
                id: 'tree',
                menuID: 'menu',
                dnd: true,
                UrlUpdate: "Right.aspx",
                onClickUrl: HttpWcf
            };
            $.fn.EasyUiTree.Init(options);
        });
    </script>
</body>
</html> 